Para ello creamos un botón cuya imagen será el link a nuestro espacio, lo podemos crear con un editor o con un generador.
Una vez tenemos la imagen la alojamos en un hosting que es lo mismo que un servidor, de esa forma conseguimos la url de la imagen que vamos a necesitar.
Una vez tenemos la url vamos a por el código de la cajita donde al pasar el ratón podrán copiar y pegar en su blog los visitantes de manera que en su blog saldrá la imagen del botón con su respectivo enlace.
El código es el siguiente:
<a href="url-de-tu-página" target="_blank"><img src="url-de-la-imagen"/></a><p>
<h2 class="sidebar-title">Título </h2>
<textarea><a href="url-de-tu-página " target="_blank">
<img src="url-de-la-imagen"/></a></textarea><p>
No se asusten si lo ven de colores que yo les explico:
Lo que está en color azul es el código de la imagen de nuestro botón.
Lo que aparece en verde es el título o texto que solemos poner, Enlázame, Linkéame, o Añádeme ....
El color rojo es el código de la cajita o textarea, donde va el código que deben copiar los visitantes.
Deben poner todo el código, azul,verde y rojo como si fuera uno, no hace falta que lo pongan en color yo lo hice para facilitar la explicación.
Solamente deben sustituir donde dice: url-de-tu-página por la url de su página, url-de-la-imagen por la url de su imagen, y Título por el texto que desean poner.
Quedaría algo así:
Código para enlazarme
Si queda alguna duda házmelo saber ;)
Hola gemma solo era dejarte unos besitos y decirte que me gusta leerte :)) y que no me olvidooo de tí. Gracias por tu generosidadddd¡¡
Gracias Brisa, eres un encanto ;)
Muchas gracias gem@. Ahora si que me sale, gracias y felicidades de nuevo.
Saludos Gorka, me alegra el resultado ;)
Buenos días Gem@!! Acabo de encontrarte por casualidad en el blog de una amiga. Enhorabuena por todo tu trabajo, se que me va a venir muy bien :-)
Te quería preguntar (a lo mejor lo tienes puesto, pero no lo he encontrado), cómo se puede poner ese iconito chico en la barra de direcciones, como ese corazoncito que tienes en la tuya. Sirve el mismo código para una página Web?
Gracias de antemano y un beso.
Gebirg
Ya lo he encontrado!! Gracias de todos modos :-)
Sigo mirando cositas en tu blog, que me está gustando cada vez más.
Besote.
Gebirg
Saludos Gebirg y bienvenido, si necesitas cualquier otra cosa no dudes en preguntar :)
Hola Gemma, por lo visto el codigo para enlazar a mi blog al ponerlo no enseña la imagen, porque crees que debe ser, tu vesalgo mal?? me harias un favor si me lo miras..gracias!!!!
Hola Pausan, tu código funciona perfectamente y está listo para copiar y pegar en cualquier parte saliendo la imagen que has añadido.
Donde dice título es donde debes poner lo que tu quieras y a tu gusto (yo lo puse como referencia)
Puedes ver como funciona copiando tu código que sale en la cajita de tu blog y pegándolo en una entrada yo lo hice así y funciona ;)
Gracias Gem@ eres muy amable, y me ha sido muy útil tu tutorial, pero me ha surgido un problema: a mi no se me ven las flechitas, y por lo tanto, el texto para copiar no me sale en una cajita, como el tuyo, no sé si sera porque el ancho de la barra lateral de mi blog, es demasiado estrecho. Si fueras tan amable de aclararme esta duda te estaría muy agradecida.
Gracias guapa.
Hola Mary ¿Qué flechitas?
Mira te dejo el código para que lo añadas a tu blog solo debes añadir la url de la imagen:
<a href="http://neonena-mary.
blogspot.com/" target="_blank"><
img src="url-de-la-imagen"/
></a><p>
<h2 class="sidebar-title"
>la frase que deseas poner para que te enlacen </h2>
<textarea><a href="http://
neonena-mary.blogspot.com/ " target="_blank">
<img src="url-de-la-imagen"/
></a></textarea>
<p>
Espero que al copiarlo te resulte.
Por cierto me encanta el diseño de las fotos ¿qúe programa usas?
Gracias Gem@ eres muy amable por responderme tan pronto, te he mandado un correo porque aquí tenía problemas para dejarte el comentario, espero poder enviarte este. Un besito
Gracias Mary, he recibido el mail ;)
Hola Gem@:
Aqui está otra vez tu pesadilla (osea, yo, jaja).
He puesto en mis tres blogs los codigos para que me enlace quien quiera. Prometo intercambio de enlaces (siempre y cuando los blogs pasen mi propio filtro de contenidos :P)
Un saludo,
JmpaSrgc (el pesáo)
Hola JmpaSrgc me hizo gracia lo de mi pesadilla :)
Espero tener tiempo y añadir tus blogs y la de otros amigos que están esperando, mientras tanto ahí queda tu aviso.
Yo no dije lo del filtro de contenidos, pero está claro que queda descartada la pornografía o material ofensivo bajo mi punto de vista.
No, si eso del filtro lo digo yo mismo! Jeje
Gema, ya he descubierto porque no me salían las flechitas de la caja, para el link, es lo que me temía, la plantilla que tengo es un poco estrecha, pero es igual, lo he puesto de todos modos. Muchas gracias por tu ayuda. Me encanta tu blog y lo encuentro muy interesante y de mucha utilidad, así que he puesto tu enlace en mi blog.
Muchos saluditos y otra vez gracias.
Hola Mary, le sobran a tu código los tres últimos símbolos siguientes"/>
A ti te sale bien pero cuando se copia y pega en un blog como yo hice se ven esos símbolos a la derecha del botón.
Puedes arreglarlo editando de nuevo y borrando.
Sea que lo has dicho tú JmpaSrgc, pero yo me refería que en alguno sblogs donde hacen intercambio de enlaces añaden lo del filtro (pero con otras palabras que viene a ser lo mismo) :)
Gracias Gema. Un besito
ola queria dar las gracias por q me sirvio mucho este truquillo...
tengo una consulta...
como hago para colocar un texto dentro de esa area cuadrada???
por ejemplo algun codigo html o en otro lenguaje???
porfa me respondes en el blog
xauu
http://evan-theopendoor.blogspot.com
evan-opendoor para añadir un código o texto dentro mejor mira aquí:
http://gemablog-.blogspot.com/2006/10/textarea_12.html
gema, tengo una duda gigante... tengo el código para hacer link en mi web, pero me gustaría tener ese boton que tú tienes con "Enlázame en un click" que hace aparecer el artilugio... no he podido encontrar como hacerlo...
espero que respondas porque estoy en plena trasformacion de mi blog.... y te lo pregunto a ati porque eres mi referencia....
Duda gigante resuelta ;)
http://gemablog-.blogspot.com/2007/07/elemento-para-que-nos-enlacen-con-un.html
Gracias por el post, me sirvió bastante....Un beso y saludos :) Estás agregada a mi blog, cuando quieras puedes agregarme al tuyo...
http://emigasei67-elrastreador.blogspot.com/
Ya estás agregada emigasei67
Hola Gem@ me encanta tu pagina y me ha ayudado mucho, ya que soy nueva. Hay algo que me tiene tarada no consigo poner un enlazame, lo hago todo bien pero se me descuadra siempre la plantilla. ¿Hay que ponerla en algun sitio especia de la plantilla?Gracias.
Hola Sonia no hay un sitio especial, pero el más indicado es en la sidebar , lo puedes agregar añadiendo en este orden:
Plantilla/Añadir un elemento de página/HTML/Javascript.
Si ves que se resiste mándamelo a mi correo y veremos que se puede hacer ;)
Con respecto a como colocar el código todo perfecto, se ve exactame igual al tuyo. Seguí tus pasos perfectamente pero cuando hago clic en la imagen me salta blogger diciendo que no encuentra la página.
Donde puede estar el error.
Pienso que debe estar en la dirección que añades en "url-de-tu-página" mira si contiene algún error de sintaxis.
Otra herramienta estúpenda! jejeje
Me ha servido de mucho :) Gracias por tan buenos tutos ;)
Saludos!
Hola Gema!
Llevo un par de días navegando por tu página y no hago más que ver cosas útiles para el blog que he creado recientemente. Esta ha sido la última utilidad que he puesto.
Como no he puesto tu enlace en mi página!
Pasate por ella http://lacosaestafatal.blogspot.com
Un beso fuerte!
Gracias Nanete estaba hace unos minutos recreándome por tu blog.
Gracias por enlazarme :D
Me alegra que te sirviera Eddie ;)
muy bueno el post pero ayudame en esto gema como hago para que salga asi komo tu paginas los comentarios... como le hago ayudame en eso...desde ya muchas gracias te invito mires mi blog aquí te tengo enlazada...salu2 y espero me respondas en un coment a mi blog...graicas desde ya!!!
hola gema tu blog es de mucha ayuda visita el mio y dime q tal te parese ok
es http://dechicaslindas.blogspot.com
hoy te enlazo ok
Taddeo no sé si te refieres al formulario o algo relacionado con la imagen de fondo donde se muestra el autor del comentario.
Saludos Alejandra gracias por enlazarme y la visita ;)
Llevas razón JESY no me había dado cuenta y añadí la misma imagen en los dos cuadraditos para copiar en código.
Ya está resuelto GRACIAS ;)
Gracias por tu ayuda Gem@!!! EStoy modificando el blog gracias a tus guias.
Texto
Me parece estupendo Zruc, ni te imaginas la alegría que da que sean útiles ;)
Hola, perdona lo pesada que soy, se que cuando me pongo a “intentar o arreglar" algo nuevo en mi Blog, la lío, y no se como puedo arreglarlo, así,que abusando de tu paciencia y amabilidad, te cuento lo que me pasa:
He intentado hacer un enlace para mi blog (lo tengo en el Blog de pruebas, que por fin me he hecho) pero según las explicaciones, seguramente las he copiado mal, no me sale, hago “clic” encima y me sale “No se encuentra el blog que busca” volver a Blogger. ¿Cómo lo puedo arreglar, me podrías ayudar, please?
Lo siguiente es que he querido poner el Feed Blitz, me he registrado, pero dado lo inútil que soy con el Ingles, no se como lo puedo poner, ni donde tengo que ir, para hacerlo, y que me salga; soy todo un desastre!!!!
PERDONA, todo este pliego de dudas, creo que me estoy pasando y abusando un poco de tú amabilidad, así que sin prisas, y SI PUEDES me ayudas, vale?
P.D.Será por que no tengo esto, que en tú “Rincón de amigos” no sale en Brakss lo que yo llamo “bocadillo” o “burbujita…
Hola BRAKSS :)
Copia y pega este código en tu blog, sólo debes sustituir lo que está en negrita que es la url de la imagen que añadí para probar, pones en su lugar la url de la imagen de tu botón.
<center><img src="http://img55.imageshack.us/img55/5167/button98096163yv0.jpg"/></center><center>Enlázame</center><center><textarea cols="16" class="codigo" onclick="this.select()" wrap="off"><a href="http://brakss.blogspot.com/"><img src="http://img55.imageshack.us/img55/5167/button98096163yv0.jpg"/></a></textarea></center>
Sobre Feed Blitz hace ya tanto tiempo que ni me acuerdo pero lo voy a mirar :)
Lo de la burbuja ya está solucionado era un error en tu enlace y al estar mal no mostraba la vista previa del blog (Gracias por avisarme)
GRACIAS, por tu rápida contestación, pero la verdad, es que NO me sale el ENLACE :$ No se que estará mal, como no sea de donde he cogido la imagen, que la tengo en el Imeem,(he puesto el embed)
Vamos, un desastre :(
Saludos ;)
Hola BRAKSS y ¿probaste con el código tal y como yo te lo mandé? si lo copias tal y como está y funciona sin duda el problema es la url de la imagen. El mejor sitio para alojar nuestras imágenes es en Blogger, porque de quedarse fuera de servicio no se vería la imagen pero el blog tampoco ;)
Haz la prueba y sube la imagen en una entrada, copias la url y luego esa entrada la guardas en borrador en lugar de darle salida.
Gracias, Gem@, el problema era que una es despistada :$ y no había copiado antes lo de arriba del articulo, pero más vale tarde que nunca, y de nuevo GRACIAS, eres un encanto. ;)
Estuve en tu blog y no veo el enlace BRAKSS, si no consigues crearlo házmelo saber ;)
Gracias!!!muchas gracias!!!
Muchas grax^^x cierto como as puesto este cuadro de comentarios???yo tmb quiero uno :(
Gracias a ti RyuKKun ;)
†ŘyuKKun† ¿te refieres a la imagen con la burbuja del comentario?
mira aquí
Muchas Gracias GEM@. He utilizado esta opción para una actividad que estamos organizando los blogueros acá en El Salvador. Saludos
Gracias a ti Gero me alegra que te fuera útil :)
href="http://stardolltrucosnoticias.blogspot.com/" target="_blank"
Hola me ases el codigo de afiliar plis cuando este mandame un mensajee dejame un comentario porqe yo no see acer el codiigo de afiliacion GRACIAS :)
yz jennulina está explicado en la entrada sólo debes copiar y pegar el código.
gracias por la ayuda , soy nuevo en esto asi que me cae de maravilla :D:D
yz Gracias a ti por el comentario nueva_raiz_anbu :)
haii iio no xee omo hacr lax fotx diiganmee!!!
:: No entiendo nada anónimo.
Qué sencillito!!!! y además he escondido el codigo así que genial :D
Me ha encantado Gema ! gracias solete
:: Estupendo Maite :)
Hola, yo he creado con exito el boton de enlazame, pero me gustaria que quedara como el tuyo. Me explico, a ti, dentro de la imagen te aparece el nombre del blog, y en cambio a mi no. Me aparece el boton de la imagen, abajo la cajita con el link para enlazarme,todo muy chulo, pero para acabar de quedar perfecto me encantaria que el nombre de mi blog apareciera centrado dentro de la imagen. Que lio, por Dios, Gracias Gemma
:: Abelarda en mi ejemplo el nombre está en la misma imagen, prueba con esta otra imagen:
http://img50.xooimage.com/files/5/d/1/catoz-24d34ab.jpg
Muchas gracias Gemma, ha quedado perfecto. Una ultima cosa, para hacerme seguidora tuya como lo hago porque no encuentro la opcion de seguidores, tan comun en los blogs. Es que no te puedo añadir como blog que sigo, si te fijas no me sale, pongo la direccion correcta, la que sale arriba. Pero no hay manera.
Gracias...... Mil gracias por lo de la imagen.
:: ABELARDA en tu escritorio al final del todo verás los blogs que tienes añadidos y un botón que dice añadir, se añade la url del blog que deseamos añadir y listo :)
Gracias :D
Si lo se, es lo que ando probando pero me sale url erronea. Yo pongo la que sale arriba Http:// y lo que sigue pero no hay manera me sale error.
Gracias Gema
:: No había visto este comentario ABELARDA lo siento :S ese problema de url erronea puede ser porque la url tiene un guión al final y Blogger no los admite a pesar que en su día si era posible.
Es un problema ajeno a mi quizás acortado la url?
Prueba de este modo:
http://bit.ly/BIngW
Hola Gem@ está estupenda la pagina, muchas gracias por tu dedicacion y tiempo, siempre busco tus recursos para alguna cosita que le quiera agregar a mi sitio... ha he añadido tu boton de afiliacion en mi sitio.
Espero que no te moleste, no hayé donde postearlo jeje mi sitio es:
http://residentevilblogpage2.blogspot.com/
Muchas Gracias y cuidate mucho.
Bye bye.
Gracias a ti Daniela, no pude molestarme algo así :)
Nota: solo los miembros de este blog pueden publicar comentarios.